<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>索尼</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css"/>
	</head>

	<body>

		<header>
			<div class="logo clearfix">
				<div class="container">
					<img src="img/13.png" />
					<p>索尼中国</p>
					<form action="">
						<input type="text" placeholder="Sony Group Site" />
					</form>
				</div>
			</div>
			<div class="nav clearfix">
				<div class="container">
					<ul>
						<li>
							<a href="">索尼产品</a>
						</li>
						<li>
							<a href="">服务与支持</a>
						</li>
						<li>
							<a href="">企业社会责任</a>
						</li>
						<li>
							<a href="">人才招聘</a>
						</li>
						<li>
							<a href="http://127.0.0.1:8020/%E7%B4%A2%E5%B0%BC%E5%AE%98%E7%BD%91/index1.html">新闻中心</a>
						</li>
						<li>
							<a href="">关于索尼</a>
						</li>
					</ul>
					<form action="">
						<input type="text" />
					</form>
				</div>
			</div>
		</header>

		<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="img/10.jpg" class="d-block w-100" alt="">
				</div>
				<div class="carousel-item">
					<img src="img/11.jpg" class="d-block w-100" alt="">
				</div>
				<div class="carousel-item">
					<img src="img/12.jpg" class="d-block w-100" alt="">
				</div>
			</div>
			<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<div class="ilce text-center">
			<img src="img/18.png" />
			<h4>数码影像</h4>
		</div>

			<div class="vlog">
		<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="vlog-2">
							<img src="img/1.jpg" />
							<img src="img/2.jpg" />
						</div>
						<div class="vlog-3">
							<img src="img/4.jpg" />
							<img src="img/5.jpg" />
						</div>
					</div>
					<div class="col-md-6">
						<div class="vlog-4">
							<img src="img/3.jpg" />
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		
	
		
		
		
            <div class="pro text-center">
			<img src="img/19.png" />
			<h4>便携音频</h4>
		</div>

         

            <div class="audio">
            	<div class="container">
            		<div class="row">
            			<div class="col-md-6">
            				<div class="audio-1">
            					<img src="img/6.jpg"/>
            				</div>
            			</div>
            			<div class="col-md-6">
            				<div class="audio-2">
            					<img src="img/14.jpg"/>
            				</div>
            				<div class="audio-111">
            				<div class="row">
            					<div class="col-md-6 col-6">
            			 <div class="audio-3">
            					<img src="img/7.jpg"/>
            				</div>
            					</div>
            					<div class="col-md-6 col-6">
            				<div class="audio-4">
            					<img src="img/8.jpg"/>
            					<img src="img/9.jpg"/>
            				</div>
            					</div>
            				</div>
            			</div>
            			</div>
            		</div>
            	</div>
            </div>





                 <div class="entertainment text-center">
                 	<img src="img/15.png"/>
                 	<h4>影音娱乐</h4>
                 </div>




             <div class="av">
             	<div class="container">
             		<div class="row">
             			<div class="col-md-6">
             				<div class="av-1">
             					<div class="row">
             						<div class="col-md-6 col-6">
             							<p>X8500系列</p>
             							<h4>发现色彩的绚丽</h4>
             							<img class="a" src="img/161.png"/>
             						</div>
             						<div class="col-md-6 col-6">
             							<p>A9G系列</p>
             							<h4>声临新"视"代</h4>
             							<img src="img/162.png"/>
             						</div>
             					</div>
             				</div>
             				<div class="av-2">
             					<div class="row">
             						<div class="col-md-6">
             							<img src="img/164.jpg"/>
             						</div>
             						<div class="col-md-6">
             							<div class="av-3">
             								<p>A8G系列</p>
             								<h4>深邃黑色自然呈现</h4>
             								<img src="img/165.png"/>
             							</div>
             							<div class="av-4">
             								<p>PlayStation©VR</p>
             								<h4>精品套盒+虚拟现实乐园游戏光盘</h4>
             								<img src="img/166.png"/>
             							</div>
             						</div>
             					</div>
             				</div>
             			</div>
             			<div class="col-md-6">
             				<div class="av-5">
             					<img src="img/167.jpg"/>
             				</div>
             			</div>
             		</div>
             	</div>
             </div>            
                           
                
              <div class="play text-center">
              	<img src="img/172.png"/>
              	<h4>潮玩科技</h4>
              </div>
              
              
              
              
              
              
              <div class="science">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-6">
              				<div class="science-1">
              					<img src="img/168.jpg"/>
              				</div>
              			</div>
              			<div class="col-md-6">
              				<div class="science-2">
              					<p>Xperia XZ3</p>
              					<h4>视觉新体验 畅娱无索限</h4>
              					<img src="img/169.png"/>
              				</div>
              				<div class="science-3">
              					<div class="row">
              						<div class="col-md-6">
              							<p>Xperia 10 Plus</p>
              						</div>
              						<div class="col-md-6">
              							<p>可编程教育机器人KOOV™</p>
              						</div>
              					</div>
              				</div>
              				<div class="science-4">
              					<div class="row">
              						<div class="col-md-6">
              							<h4>21:9 广阔视界</h4>
              							<img src="img/170.png"/>
              						</div>
              						<div class="col-md-6">
              							<div class="science-5">
              							<h4>激发未来创意</h4>
              							<img src="img/171.png"/>
              						</div>
              						</div>
              					</div>
              				</div>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              
              
              
              
              
              
              <div class="dynamic none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-4">
              				<p>新闻动态</p>
              			</div>
              			<div class="col-md-4">
              				<p>站内更新</p>
              			</div>
              			<div class="col-md-4">
              				<p>重要通知</p>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              
              <div class="share clearfix none">
              	<div class="container">
              		<div class="row" id="app">
              			
              			
              			<div class="col-md-4" v-for="url in message">
              				<img :src="url.url"/>
              				<div class="share-1 clearfix">
	              				<p>{{url.p}}</p>
	              				<a href="">{{url.title}}</a>
              				</div>
              			</div>
              			
              			
              			
              		</div>
              	</div>
              </div>
              
              
              <div class="far clearfix none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-4">
              				<img src="img/176.png"/>
              				<div class="far-1 clearfix">
              					<p>2019.06.13</p>
              					<a href="">超远摄集结号索尼微单™SEL600F40GM与SEL200600G...</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/177.jpg"/>
              				<div class="far-2">
              					<p>2019.04.02</p>
              					<a href="">【微分享】"爱满星空，放飞梦想"索尼探梦、索雅音乐与康纳洲为孤独...</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/178.jpg"/>
              				<div class="far-3">
              					<p>2019.03.18</p>
              					<a href="">索尼利用转有的全局快门功能和背照式像素结构</a>
              				</div>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              
              <div class="what none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-4">
              				<img src="img/179.jpg"/>
              				<div class="what-1">
              					<p>2019.06.12</p>
              					<a href="">【微分享】What Hi-Fi五星测评索尼KD-85Z9G索尼首...</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/180.jpg"/>
              				<div class="what-2">
              					<p>2018.10.12</p>
              					<a href="">工信部领导莅临索尼总部参访，双方签署8K超高清转播车协议！</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/181.png"/>
              				<div class="what-3">
              					<p>2019.05.31</p>
              					<a href="">关于部分索尼BRAVIA电视机产品Wi-Fi连接故障现象的通知</a>
              				</div>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              <div class="mido clearfix none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-4">
              				<img src="img/182.jpg"/>
              				<div class="mido-1 clearfix">
              					<p>2019.05.10</p>
              					<a href="">索尼半导体解决方案公司收购网络虚拟化技术开发商Mido控股公司</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/183.png"/>
              				<div class="mido-2">
              					<p>2018.10.19</p>
              					<a href="">索尼精选Hi-Res音乐，好音质，迎接不妥协的你</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/184.png"/>
              				<div class="mido-3">
              					<p>2019.04.15</p>
              					<a href="">索尼荣获五项2019TIPA数码影像产品大奖</a>
              				</div>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              <div class="son none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-4">
              				<img src="img/185.jpg"/>
              				<div class="son-1">
              					<p>2019.05.24</p>
              					<a href="">索尼邀您记录身边的生物多样性之美</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/186.jpg"/>
              				<div class="son-2">
              					<p>2019.05.20</p>
              					<a href="">索尼大学生环保先锋训练营在无锡工厂通常竞技</a>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<img src="img/187.jpg"/>
              				<div class="son-3">
              					<p>2019.04.24</p>
              					<a href="">【微分享】索尼荣获2019if设计奖3项金奖、10项设计奖Son...</a>
              				</div>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              <div class="cen none">
              	<p>新闻中心</p>
              	<img src="img/188.png"/>
              </div>
              
              
              <div class="group none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-8">
              				<p>集团旗下公司</p>
              			</div>
              			<div class="col-md-4">
              				<p>专题网站</p>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              <div class="comm none">
              	<div class="container">
              		<div class="row">
              			<div class="col-md-8">
              				<div class="row">
              					<div class="col-md-2">
              						<h3>XPERIA</h3>
              						<p>Sony Mobile Communication</p>
              					</div>
              					<div class="col-md-2">
              						<img src="img/195.png"/>
              					</div>
              					<div class="col-md-2">
              						<img src="img/196.png"/>
              					</div>
              					<div class="col-md-2">
              						<img src="img/197.png"/>
              					</div>
              				</div>
              			</div>
              			<div class="col-md-4">
              				<div class="row">
              					<div class="col-md-6">
              						<img src="img/198.png"/>
              					</div>
              					<div class="col-md-6">
              						<img src="img/199.png"/>
              					</div>
              				</div>
              			</div>
              		</div>
              	</div>
              </div>
              
              
              
              <footer>
              	<div class="container">
              		<div class="row none">
              			<div class="col-md-4">
              				<div class="footer-1">
              					<p>你周围的经销商</p>
              					<a href="">就近门店查询</a>
              				</div>
              			</div>
              			<div class="col-md-8">
              				<div class="row">
              					<div class="col-md-3">
              						<div class="footer-2">
              						<p>商品购买</p>
              						<ul>
              							<li><a href="">Sony Store直营店</a></li>
              							<li><a href="">索尼签约经销商</a></li>
              							<li><a href="">Sony Store在线商城</a></li>
              							<li><a href="">Sony Store手机客户端</a></li>
              							<li><a href="">在线订购指南</a></li>
              							<li><a href="">咨询-订购-服务热线</a></li>
              							<li><a href="">在线服务</a></li>
              						</ul>
              					</div>
              					</div>
              					<div class="col-md-3">
              						<div class="footer-3">
              							<p>会员天地</p>
              							<ul>
              								<li><a href="">产品注册</a></li>
              								<li><a href="">索尼会员注册</a></li>
              								<li><a href="">会员权益详细</a></li>
              								<li><a href="">帮助中心</a></li>
              								<li><a href="">索尼影像课堂</a></li>
              							</ul>
              						</div>
              					</div>
              					<div class="col-md-3">
              						<div class="footer-4">
              						<p>相关链接</p>
              						<ul>
              							<li><a href="">索尼中国研究院</a></li>
              							<li><a href="">行业解决方案</a></li>
              						</ul>
              					</div>
              					</div>
              					<div class="col-md-3">
              						<div class="footer-5">
              							<p>保持联络</p>
              							<ul>
              								<li><a href="">获取最新产品/活动的邮件</a></li>
              							</ul>
              						</div>
              						<div class="footer-6">
              							<p>关注我们：</p>
              							<a href="">索尼（中国）官方微博</a>
              							<a href="">索尼（中国）官方微信</a>
              						</div>
              					</div>
              				</div>	
              			</div>	
              		</div>
              	</div>
              	<div class="footer-7"></div>
              	<div class="footer-8">
              		<div class="container">
              			<div class="row">
              				<div class="col-md-10">
              					<div class="footer-9 clearfix">
              						<img src="img/200.png"/>
              						<ul>
              							<li><a href="">诚信网站认证</a></li>
              							<li><a href="">京公网安备11010502031162号</a></li>
              							<li><a href="">京ICP备05036958号</a></li>
              							<li><a href="">2009-2019索尼（中国）有限公司版权所有</a></li>
              						</ul>
              					</div>
              					<div class="footer-0 none">
              						<ul>
              							<li><a href="">责任声明</a></li>
              							<li><a href="">联系我们</a></li>
              							<li><a href="">本网站包含推销产品或服务的广告</a></li>
              						</ul>
              					</div>
              					
              				</div>
              				<div class="footer-10 none">
              						<a href="">您浏览本网站将被监控。请点击此处获得详细信息</a>
              					</div>
              				<div class="col-md-2">
              					<div class="footer-11 none">
              						<img src="img/201.png"/>
              					</div>
              				</div>
              			</div>
              		</div>
              	</div>
              </footer>


               

			<div id="toTop">
				<i class="fas fa-chevron-up"></i>
			</div>
















		

		<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/new_file.js"></script>
		<script >
			new Vue({
				el:"#app",
				data:{
					/*存放内容*/
					message:"Hellow Vue"
				},
				/*将json的数据传送到message*/
				mounted(){
					axios
					.get('json/json.json')
					.then(response => (this.message = response.data.url))
					.catch(function(error){
						console.log(error)
					})
				}
			})
		</script>
	</body>

</html>